<template>
		<el-row class="tac">
			<el-col :span="12">
		    <el-menu
		        :default-active="$route.path"
			    :unique-opened = true
		        class="el-menu-vertical-demo" :router=true>
		      <el-submenu index="1">
		        <template slot="title">
		          <i class="el-icon-location"></i>
		          <span>打卡任务管理</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="/task/list">任务列表</el-menu-item>
		          <el-menu-item index="/task/add" >新建任务</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		      <el-submenu index="2">
		      	<template slot="title">
		          <i class="el-icon-goods"></i>
		          <span>兑换商城管理</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="/ware/list">商品列表</el-menu-item>
		          <el-menu-item index="/ware/add">新增商品</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		      <el-submenu index="3">
		      	<template slot="title">
		          <i class="el-icon-sold-out"></i>
		          <span>二手交易商城管理</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="/wareflea/list">商品列表</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		      <el-submenu index="4">
		      	<template slot="title">
		          <i class="el-icon-service"></i>
		          <span>运营管理</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="4-1">首页运营管理</el-menu-item>
		          <el-menu-item index="4-2">红包活动运营管理</el-menu-item>
		          <el-menu-item index="4-3">抽奖活动管理</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		      <el-submenu index="5">
		      	<template slot="title">
		          <i class="el-icon-document"></i>
		          <span>订单管理</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="/order/ware">兑换商品订单</el-menu-item>
		          <el-menu-item index="/order/wareflea">二手交易订单</el-menu-item>
		          <el-menu-item index="/order/loterry">抽奖订单</el-menu-item>
		          <el-menu-item index="/order/redpack">红包订单</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		      <el-submenu index="6">
		      	<template slot="title">
		          <i class="el-icon-setting"></i>
		          <span>数据中心</span>
		        </template>
		        <el-menu-item-group>
		          <el-menu-item index="/category/list">品类数据管理</el-menu-item>
              <el-menu-item index="/photo/list">用户相册数据</el-menu-item>
		          <el-menu-item index="6-2">消费订单识别模板</el-menu-item>
		          <el-menu-item index="/vender/list">商户数据管理</el-menu-item>
		          <el-menu-item index="6-4">用户数据看板</el-menu-item>
		          <el-menu-item index="6-5">任务数据看板</el-menu-item>
		        </el-menu-item-group>
		      </el-submenu>

		    </el-menu>
		  </el-col>
		</el-row>
</template>
<script>
export default {
	name: 'Navigation'
}
</script>
<style scoped>
	ul.el-menu{
		width: 250px;
	}
</style>
